<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>

<link type="text/css" rel="stylesheet" href="../Public/css/reset.css">
<link type="text/css" rel="stylesheet" href="../Public/css/DateTimePicker.css">
<link type="text/css" rel="stylesheet" href="../Public/css/Filter.css">
<link type="text/css" rel="stylesheet" href="../Public/css/style.css">

<script type="text/javascript" src="../Public/script/jquery.js"></script>
<script type="text/javascript" src="../Public/script/distpicker.data.js"></script>
<script type="text/javascript" src="../Public/script/distpicker.js"></script>
<script type="text/javascript" src="../Public/script/DateTimePicker.js"></script>
<script type="text/javascript" src="../Public/script/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="../Public/script/Filter.js"></script>

</head>
<style>

.current{padding: 4px 11px;background:#FFC904 ;color: #fff; border: 1px solid #e5e5e5; font-size: 15px }
.num{ background: ; color: #009f8f;padding: 4px 11px;border: 1px solid #e5e5e5; font-size: 15px   }
.prev{border: 1px solid #e5e5e5; background: ;  color: #009f8f; font-size: 15px;padding: 4px 11px;}
.next{ border: 1px solid #e5e5e5; background: ; color: #009f8f; font-size: 15px;padding: 4px 11px; }

.ddd{border: 1px solid #e5e5e5; color:#009f8f;padding: 4px 11px;font-size: 15px}
.seling{ background: #49bf9d }

</style>
<body>
<script>
 $(function(){
  $(".list1 li a").each(function(index){
     $(this).click(function(){   
      $(".list1 li ").removeClass("seling");  

       $(".list1 li ").eq(index).addClass("seling");
       var  fengge=$(this).attr('data-value');
       var huxing = $('#huxing').val();
       if(huxing ==""){
        window.location.href="{:U("Shop/index")}&fengge="+fengge;
       }else{
        window.location.href="{:U("Shop/index")}&fengge="+fengge+"&huxing="+huxing;
       }
       
   
  // $.ajax({
  //     url:'index.php?m=Home&c=Shop&a=shangpin',
  //     data:{
  //        'fengge':fengge
      
  //       },
  //       type:'post',
  //       dataType:'json',
  //       success:function(data){
  //          var str='';
  //           for(i=0;i<data.length;i++){  
  //        str+='<li> <a href="{:U('Shop/detail')}&id='+data[i].id+'"><img src="Uploads/'+data[i].img+'"></a>  <h1>'+data[i].name+'</h1><b><img src="../Public/images/shop_icon01.png">'+data[i].fengge+'</b><b><img src="../Public/images/shop_icon02.png">'+data[i].username+'</b><b><img src="../Public/images/shop_icon03.png">'+data[i].huxing+'一厅</b></li> ';
      
  //       }  
  //           $('.listdd ul').html(str); 

  //       }


  //   });

    
   });  
    });  
    $(".list2 li a").each(function(index){
     $(this).click(function(){   
      $(".list2 li").removeClass("seling");  
       $(".list2 li").eq(index).addClass("seling"); 

        var  huxing=$(this).attr('data-value');
        var fengge = $('#fengge').val();
       if(fengge ==""){
        window.location.href="{:U("Shop/index")}&huxing="+huxing;
       }else{
        window.location.href="{:U("Shop/index")}&fengge="+fengge+"&huxing="+huxing;
       }
     // window.location.href="{:U("Shop/index")}&huxing="+huxing;


   
  $.ajax({
      url:'index.php?m=Home&c=Shop&a=shangpin',
      data:{
         'huxing':huxing
      
        
        },
        type:'post',

        success:function(data){

        }

    });




   });  
    }); 







}); 



</script>
<include file="Common:header"/>
    
    <!--contain-->
    <div class="contain">
    	
        <div class="shopCont">
        	<div class="SC1">
            	<div class="widthBlock">
                	<div class="local">
                    	<a href="{:U('Index/index')}">首页</a> &gt; 商城
                    </div>
                    <div class="otherNav">
            
                        <div class="s1 hotel-filter-list filter-list-has-more hotel-filter-list-min" scope="fq1"><strong class="tit"></strong><div class="con checkbox"><ul class="any"><li><a class="filter-unlimit filter-tag selected" href="javascript:;" data-value="">风格</a></li></ul><ul class="list1">
                        <volist name="list" id='vo'>
                        <li <if condition="$vo.id eq $fengge"> class="seling" </if> ><a class="filter-tag" href="javascript:;" data-value="{$vo.id}" >{$vo.type_name}<i></i></a></li>
                        </volist>
                        <input type="hidden" id="fengge" value="{$fengge}">
                        </ul> 
                      </div></div>
                        <div class="s2 hotel-filter-list filter-list-has-more hotel-filter-list-min" scope="fq1"><strong class="tit"></strong><div class="con checkbox"><ul class="any">
                        <li><a class="filter-unlimit filter-tag selected" href="javascript:;" data-value="">户型</a></li></ul>
                        <ul class="list2">
                            <volist name="huxing" id='vo'>
                        <li <if condition="$vo.id eq $huxing1"> class="seling" </if>><a class="filter-tag" href="javascript:;"  data-value="{$vo.id}" >{$vo.huxing}<i></i></a></li>
                     </volist>
                     <input type="hidden" id="huxing" value="{$huxing1}">
                        </li></ul></div></div>
      
                    </div>
                </div>
            </div>
            <div class="SC2">
            	
                <div class="widthBlock">
                	<div class="listdd">
                    	<ul>
                        	<volist name="shangpin" id='vo'>
                            <li>
                            	<a href="{:U('Shop/detail',array('id'=>$vo[id]))}"><img src="Uploads/{$vo.img}"></a>
                                <h1>{$vo.name}</h1>
                                <b><img src="../Public/images/shop_icon01.png">{$vo.fengge}</b><b><img src="../Public/images/shop_icon02.png">{$vo.username}</b><b><img src="../Public/images/shop_icon03.png">{$vo.huxing}</b>
                            </li>
                       </volist>
                            <li class="clear"></li>
                        </ul>
                    </div>
                </div>
            
            </div>
        </div>
        
    </div>
    <!--contain end-->
    
    <!--bottom2-->
    <div class="bottom2Blank"></div>
    <div class="bottom2">
    	<div class="widthBlock">
            <!--Pages-->
              <div class="pages">
                 <div  style="text-align: center; ">{$page}</div>  

            </div>
            <!--Pages-->
        </div>
    </div>
    <!--bottom2 end-->
 <include file="Common:footer"/>

<script>
// jQuery(document).ready(function(e) {
    
	
// 	var data1=[
// 		{
// 			"id":1,
// 			"text":"田园"
// 		},
// 		{
// 			"id":2,
// 			"text":"中式"
// 		},
// 		{
// 			"id":3,
// 			"text":"地中海"
// 		},
// 		{
// 			"id":4,
// 			"text":"美式"
// 		},
// 		{
// 			"id":5,
// 			"text":"简约"
// 		},
// 		{
// 			"id":6,
// 			"text":"北欧"
// 		},
// 		{
// 			"id":7,
// 			"text":"日式"
// 		},
// 		{
// 			"id":8,
// 			"text":"混合"
// 		},
// 		{
// 			"id":9,
// 			"text":"新古典"
// 		},
// 		{
// 			"id":10,
// 			"text":"东南亚"
// 		},
// 		{
// 			"id":11,
// 			"text":"LOFT"
// 		}
// 	];
	
// 	var data2=[
// 		{
// 			"id":1,
// 			"text":"一室"
// 		},
// 		{
// 			"id":2,
// 			"text":"两室"
// 		},
// 		{
// 			"id":3,
// 			"text":"三室"
// 		},
// 		{
// 			"id":4,
// 			"text":"四室以上"
// 		},
// 		{
// 			"id":5,
// 			"text":"别墅"
// 		},
// 		{
// 			"id":6,
// 			"text":"商铺"
// 		},
// 		{
// 			"id":7,
// 			"text":"办公室"
// 		}
// 	];
	
// 	$(".s1").comboboxfilter({
// 		url:'',
// 		scope:'fq1',
// 		unlimitText:"风格",
// 		multiple:true,
// 		data:data1
// 	});
	
// 	$(".s2").comboboxfilter({
// 		url:'',
// 		scope:'fq1',
// 		unlimitText:"户型",
// 		multiple:true,
// 		data:data2
// 	});
	
// });
</script>
    <script type="text/javascript">document.getElementById("menu2").className="curr";</script>
</body>
</body>
</html>
